<!DOCTYPE html>
<html>
<head>
    <title>贷款申请记录</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../public/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../public/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../public/plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../public/plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../public/css/main.css">
    <script src="../../public/libs/jquery.min.js"></script>
    <script src="../../public/plugins/layer/layer.js"></script>
    <script src="../../public/libs/bootstrap.min.js"></script>
    <script src="../../public/libs/vue.min.js"></script>
    <script src="../../public/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../public/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../public/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../public/plugins/upload/ajaxfileupload.js"></script>
    <script src="../../public/js/common.js"></script>
    <style>
        .table_title {
            background: #f1f2f3;
            text-align: right;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <a v-if="hasPermission('oem:yb:loanRecord:info')" class="btn btn-primary" @click="info"><i class="fa fa-plus"></i>&nbsp;查看</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <fieldset class="layui-elem-field">
            <legend>用户信息</legend>
            <div class="layui-field-box">
                <table class="table table-bordered">
                    <tr>
                        <td class="table_title col-md-3">用户名：</td>
                        <td class="col-md-3">{{user.username}}</td>
                        <td class="table_title col-md-3">手机号：</td>
                        <td class="col-md-3">{{user.phone}}</td>
                    </tr>
                    <tr>
                        <td class="table_title">身份证：</td>
                        <td>{{user.idCard}}</td>
                        <td class="table_title">所在城市：</td>
                        <td>{{user.city}}</td>
                    </tr>
                    <tr>
                        <td class="table_title">所在地址：</td>
                        <td>{{user.address}}</td>
                        <td class="table_title">工作单位：</td>
                        <td>{{user.companyName}}
                        </td>
                    </tr>
                    <tr>
                        <td class="table_title">单位地址：</td>
                        <td>{{user.companyAddress}}</td>
                        <td class="table_title">申请时间：</td>
                        <td>{{record.createDate}}</td>
                    </tr>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>申请产品信息</legend>
            <div class="layui-field-box">
                <table class="table table-bordered">
                    <tr>
                        <td class="table_title col-md-3">产品名称：</td>
                        <td class="col-md-3">{{loan.loanName}}</td>
                        <td class="table_title col-md-3">额度：</td>
                        <td class="col-md-3">{{loan.loanQuota}}</td>
                    </tr>
                    <tr>
                        <td class="table_title">费率：</td>
                        <td>{{loan.loanRate}}</td>
                        <td class="table_title">期限：</td>
                        <td>{{loan.loanTerm}}</td>
                    </tr>
                    <tr>
                        <td class="table_title">还款方式：</td>
                        <td>{{loan.loanPayment}}</td>
                        <td class="table_title">抵押：</td>
                        <td>{{loan.loanMort}}
                        </td>
                    </tr>
                    <tr>
                        <td class="table_title">产品状态：</td>
                        <td>
                            <span v-if="loan.loanStatus == 1" class="label label-warning">下架</span>
                            <span v-if="loan.loanStatus == 0" class="label label-success">正常</span>
                        </td>
                        <td class="table_title">申请条件：</td>
                        <td v-html="brs(loan.loanApplyCon)"></td>
                    </tr>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field" v-if="recordStatus != 0 && recordStatus != 1">
            <legend>处理结果</legend>
            <div class="layui-field-box">
                <table class="table table-bordered">
                    <tr>
                        <td class="table_title col-md-3">处理结果：</td>
                        <td class="col-md-3 radio-inline">
                            <span v-if="record.status == 2">已同意</span>
                            <span v-if="record.status == 3">已拒绝</span>
                        </td>
                        <td v-if="record.status == 3" class="table_title col-md-3">处理原因：</td>
                        <td v-if="record.status == 3" class="col-md-3">
                            <input type="text" v-model="record.remake" placeholder="处理原因" DISABLED/>
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field" v-if="recordStatus == 0 || recordStatus == 1">
            <legend>处理</legend>
            <div class="layui-field-box">
                <table class="table table-bordered">
                    <tr>
                        <td class="table_title col-md-3">处理结果：</td>
                        <td class="col-md-3 radio-inline">
                            <select id="status" v-model="record.status">
                                <option value="0">待处理</option>
                                <option value="1">处理中</option>
                                <option value="2">申请同意</option>
                                <option value="3">申请拒绝</option>
                            </select>
                        </td>
                        <td v-if="isEdit" class="table_title col-md-3">处理原因：</td>
                        <td v-if="isEdit" class="col-md-3">
                            <input type="text" v-model="record.remake" placeholder="处理原因"/>
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>
        <div class="col-sm-12 text-center form-group" style="margin-top: 20px">
            <a class="btn btn-primary" v-if="recordStatus == 0 || recordStatus == 1" @click="handel">确&nbsp;定</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-danger" @click="reload">取&nbsp;消</a>
        </div>
    </div>
</div>

<script src="../../public/js/oem/ybLoanRecord.js"></script>
</body>
</html>